<script setup>
import LevelMenu from '@/components/LevelMenu.vue'
// 导航的数据
const menuDataSource = [
    {
        tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp',
        tabName: '提成',
        children: [
            { tabName: '业务提成', isChose: true, path: '/index/commission/accountStat' },
            { tabName: '服务提成', isChose: false, path: '/index/commission/commissionApproval/task' },
            { tabName: '签单提成', isChose: false, path: '/index/commission/commissionApproval/signing' },
            { tabName: '内部推荐提成', isChose: false, path: '/index/commission/commissionApproval/referrer' }
        ]
    },
    {
        children: [
            { tabName: '设置', isChose: false, path: '/index/commission/setting', tabIcon: 'https://so.360tres.com/sdm/242_150_/t014e90eac42c10e64f.webp' },
        ]
    },
]
</script>

<template>
    <div class="commision">
        <div class="left-tab">
            <LevelMenu :menuDataSource="menuDataSource" />
        </div>
        <div class="content">
            <RouterView></RouterView>
        </div>
    </div>
</template>

<style lang="less" scoped>
.commision {
    width: 100%;
    height: 100%;
    display: flex;
}
.left-tab {
    flex-shrink: 0;
    width: 200px;
    height: 100%;
    border-right: 1px solid #eee;
}
.content {
    flex: 1;
    height: 100%;
    overflow: auto;
}
</style>